<template>
    <div class="SearchLenovo">
      <ul>
        <li v-for="(value, index) in lenovoList"
            :key = index
        >{{value.title}}</li>
      </ul>
    </div>
</template>

<script>
    export default {
        name: "SearchLenovo",
      data(){
          return{
            lenovoList:[]
          }
      },
      methods:{
          getusers(){
            this.$http.get('/lenovo')
              .then((res) => {
                this.lenovoList = res.data.Lenovo;
              })
              .catch((err) => {
                console.log(err);
              })
          }
      },
      created() {
          this.$bus.$emit('lenovo', this.getusers)
      }
    }
</script>

<style scoped lang="scss">
.SearchLenovo{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 230px;
  right: 0;
  background: #fff;
  box-sizing: border-box;
  ul{
    list-style: none;
    margin: 0 25px;
    padding: 0;
    font-size: 45px;
    li{
      height: 150px;
      line-height: 150px;
      border-bottom: 1px solid #f2f2f2;
    }
  }

}
</style>
